<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>解决方案</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0,user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  
  <link rel="alternate icon" type="img/hengwang-1.png" href="img/hengwang-1.png">
  <link rel="stylesheet" href="css/amazeui.css"/>
  <link rel="stylesheet" href="css/style.css"/>
  <style type="text/css">
  [v-cloak]{
    display: none;
  }
  </style>
  <script src="js/jquery.min.js"></script>
  <script src="js/vue.js"></script>
  <script src="js/vue-ajax.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
            vueAjax("/get_navs","#navs");
            vueAjax("/get_banners","#banner");
            vueAjax("/get_products","#products0");
            vueAjax("/get_products","#products1");
            vueAjax("/get_products","#products2");
            vueAjax("/get_products","#products3");
            vueAjax("/get_contact","#contact");
            vueAjax("/get_navs","#footer");
        })
</script>
</head>
<body>
<header class="am-topbar header">
  <div class="am-container-1">
    <div class="left hw-logo">
      <img class=" logo" src="img/HENGWANG.png"></img>
      <img class="word" src="img/hw-word.png"></img>
    </div>
  <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span>
  </button>
<div class="am-collapse am-topbar-collapse right" id="doc-topbar-collapse">
  <div class=" am-topbar-left am-form-inline am-topbar-right" role="search" id="navs">
    <ul class="am-nav am-nav-pills am-topbar-nav hw-menu">
      <li v-for="(item,index) in msg"><a v-bind:href="item.href">{{item.name}}</a></li>
    </ul>
  </div>
  </div>
  </div>
</header>

<div class="toppic">
	<div class="am-container-1">
	 <div class="toppic-title left">
			<i class="am-icon-lightbulb-o toppic-title-i"></i>
			<span class="toppic-title-span">解决方案</span>
			<p>Solutions</p>
		</div>
		<div class="right toppic-progress">
			<span><a href="index.html" class="w-white">首页</a></span>
			<i class=" am-icon-arrow-circle-right w-white"></i>
			<span><a href="solutions.html" class="w-white">解决方案</a></span>
		</div>
	</div>
</div>
   <div data-am-widget="tabs"class="am-tabs am-tabs-d2 ">
      <ul class="am-tabs-nav am-cf solutions-tabs-ul ">
         <li class="am-active solutions-tabs-ul-li1"><a href="[data-tab-panel-0]" ><i class=" am-icon-desktop"></i><span>网站解决方案</span></a></li>
          <li class="solutions-tabs-ul-li2"><a href="[data-tab-panel-1]"><i class=" am-icon-mobile-phone mobile-phone"></i><span>解决方案</span></a></li>
          <li class="solutions-tabs-ul-li3"><a href="[data-tab-panel-2]" ><i class=" am-icon-desktop"></i><span>网站解决方案</span></a></li>
          <li class="solutions-tabs-ul-li4"><a href="[data-tab-panel-3]"><i class=" am-icon-mobile-phone mobile-phone"></i><span>解决方案</span></a></li>
      </ul>
      <div class="am-tabs-bd solutions-tabs-content ">
          <div data-tab-panel-0 class="am-tab-panel am-active">
          	<ul class=" solutions-content-ul" id="products0">
            	<li v-cloak v-for="(products,index) in msg" class="am-u-sm-12 am-u-md-6 am-u-lg-12">
            		<a href="solutions-inform.html">
            		<div class="am-u-sm-12 am-u-md-12 am-u-lg-3 solution-tabs-img">
            			<img :src="'upload/'+products.src"/> 
            		</div>
            		<div class="am-u-sm-12 am-u-md-12 am-u-lg-9 solution-tabs-words">
            			<h5>{{products.title}}</h5>
            			<p>{{products.description}}</p>
            		</div>
            		</a>
            	</li>
            	<div class="clear"></div>
            </ul> 
          </div>
          <div data-tab-panel-1 class="am-tab-panel ">
             <ul class=" solutions-content-ul" id="products1">
              <li v-cloak v-for="(products,index) in msg" class="am-u-sm-12 am-u-md-6 am-u-lg-12">
                <a href="solutions-inform.html">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-3 solution-tabs-img">
                  <img :src="'upload/'+products.src"/> 
                </div>
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-9 solution-tabs-words">
                  <h5>{{products.title}}</h5>
                  <p>{{products.description}}</p>
                </div>
                </a>
              </li>
              <div class="clear"></div>
            </ul> 
          </div>
          <div data-tab-panel-2 class="am-tab-panel ">
            <ul class=" solutions-content-ul" id="products2">
              <li v-cloak v-for="(products,index) in msg" class="am-u-sm-12 am-u-md-6 am-u-lg-12">
                <a href="solutions-inform.html">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-3 solution-tabs-img">
                  <img :src="'upload/'+products.src"/> 
                </div>
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-9 solution-tabs-words">
                  <h5>{{products.title}}</h5>
                  <p>{{products.description}}</p>
                </div>
                </a>
              </li>
              <div class="clear"></div>
            </ul>
          </div>
          <div data-tab-panel-3 class="am-tab-panel ">
            <ul class=" solutions-content-ul" id="products3">
              <li v-cloak v-for="(products,index) in msg" class="am-u-sm-12 am-u-md-6 am-u-lg-12">
                <a href="solutions-inform.html">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-3 solution-tabs-img">
                  <img :src="'upload/'+products.src"/> 
                </div>
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-9 solution-tabs-words">
                  <h5>{{products.title}}</h5>
                  <p>{{products.description}}</p>
                </div>
                </a>
              </li>
              <div class="clear"></div>
            </ul>
          </div>
      </div>
  </div>
		
</div>

<footer class="footer ">
<ul>     
 <div id="contact">
        <li v-cloak v-for="(contact,index) in msg" class="am-u-lg-4 am-u-md-4 am-u-sm-12 part-5-li2" >
            <div class="part-5-title">公司名称：{{contact.company_name}}</div>
            <div class="part-5-words2">
                <span>地址:{{contact.address}}</span>
                <span>电话:{{contact.tel}}</span>
                <span>QQ号:{{contact.qq}}</span>
                <span>邮箱:{{contact.email}}</span>
                <span><i class="am-icon-phone"></i><em >{{contact.tel}}</em></span>
            </div>
        </li>
  </div> 
        <li class="am-u-lg-4 am-u-md-4 am-u-sm-12 ">
            <div class="part-5-title">相关链接</div>
            <div class="part-5-words2" id="footer">
                <ul class="part-5-words2-ul">
                    <li v-for="(item,index) in msg" class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a v-bind:href="item.href"> {{item.name}} </a></li>
                    <div class="clear"></div>
                </ul>
            </div>
        </li>
        <div class="clear"></div>
    </ul> 
</footer>


</body>
<script src="js/jquery.min.js"></script>
<script src="js/amazeui.min.js"></script>
</html>
